<svg width="100" height="100" viewbox="0 0 50 50" xmlns="http://www.w3.org/2000/svg">
  <circle cx="20" cy="20" fill="none" r="5" stroke="red" stroke-width="15">
    <animate attributeName="r" from="5" to="15" dur="1.8s" begin="0s" repeatCount="indefinite"/>
    <animate attributeName="opacity" from="1" to="-1" dur="1.8s" begin="0s" repeatCount="indefinite"/>
  </circle>

</svg>
